<!doctype html>
<html>
<meta charset="utf-8">
<title>Test to ensure that clipped overflow is clipped to border radius</title>
<link rel="match" href="overflow_border_radius_ref.html">

<body>
    <style>
        .box {
            width: 50px;
            height: 50px;
            border-radius: 20px;
            border: 5px transparent solid;
            margin-right: 10px;
            float: left;
        }

        .overflowingbox {
            margin-left: -25px;
            margin-top: -25px;
            width: 100px;
            height: 100px;
            background: gray;
        }
    </style>

    <div class="box border" style="overflow: auto;">
        <div class="overflowingbox"></div>
    </div>

    <div class="box border" style="overflow: scroll;">
        <div class="overflowingbox"></div>
    </div>
</body>

</html>
